<template>
  <view @touchmove.stop.prevent="()=>false">
  	<u-popup :show="show" mode="center" bgColor='transparent' @close="closeEvent">
  		<view class="pop_view">
  			<image class="pop_logo" src="https://smosun-minapp.oss-cn-shanghai.aliyuncs.com/weapp/img/pop_icon.png"></image>
  			<label class="pop_title">恭喜您</label>
  			<label class="pop_content">
  				昨天排行<span style="color: #FF822E;font-size: 28rpx;">第三名，</span>
  				获得 &nbsp;<span style="color: #FF822E;font-size: 28rpx;">10</span>&nbsp; 积分</br>
          昨天排行<span style="color: #FF822E;font-size: 28rpx;">第二名，</span>
          获得 &nbsp;<span style="color: #FF822E;font-size: 28rpx;">10</span>&nbsp; 积分</br>
          昨天排行<span style="color: #FF822E;font-size:28rpx;">第一名，</span>
          获得 &nbsp;<span style="color: #FF822E;font-size: 28rpx;">10</span>&nbsp; 积分
  			</label>
  			<view @click="closeEvent" class="qd_btn">确定</view>
  		</view>
  	</u-popup>
  </view>
</template>

<script>
  export default {
    name:"rankList-popup",
    data() {
      return {

      };
    },
    props: {
    	show: {
    		type: Boolean,
    		default: false
    	},
    	integral: {
    		type: String,
    		default: ''
    	}
    },
    methods: {
    	closeEvent() {
    		this.$emit('close')
    	}
    }
  }
</script>

<style scoped>
	.pop_view {
		width: 530rpx;
		height: 476rpx;
		background-color: #E0EDE9;
		border-radius: 24rpx;
		display: flex;
		flex-direction: column;
	}
	.pop_logo {
		width: 252rpx;
		height: 242rpx;
		position: absolute;
		float: left;
		left: auto;
		right: -42rpx;
		top: -72rpx;
	}
	.pop_title {
		margin-left: 32rpx;
		margin-top: 68rpx;
		color: #234941;
		font-size: 40rpx;
		font-weight: 500;
		line-height: 56rpx;
	}
	.pop_content {
		margin-left: 32rpx;
		margin-top: 20rpx;
		width: 370rpx;
		line-height: 48rpx;
		font-size: 28rpx;
	}
	.qd_btn {
		margin-top: 60rpx;
		margin-left: 50rpx;
		width: calc(100% - 100rpx);
		height: 88rpx;
		border-radius: 24rpx;
		background: linear-gradient(180deg, #46C09E 0%, #156D4F 100%);
		box-shadow: 0rpx 24rpx 48rpx 0rpx rgba(55,168,148,0.2);
		color: #FFFFFF;
		line-height: 88rpx;
		text-align: center;
		font-size: 30rpx;
	}
</style>
